<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
  <link href="//gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="Hugo 0.49" />

  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Hugo构建静态网站 &middot; 李俊君 个人博客</title>

  
  <link type="text/css" rel="stylesheet" href="https://hellolijj.github.io/css/print.css" media="print">
  <link type="text/css" rel="stylesheet" href="https://hellolijj.github.io/css/poole.css">
  <link type="text/css" rel="stylesheet" href="https://hellolijj.github.io/css/syntax.css">
  <link type="text/css" rel="stylesheet" href="https://hellolijj.github.io/css/hyde.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface|PT+Sans:400,400i,700">


  
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
  <link rel="shortcut icon" href="/favicon.png">

  
  <link href="" rel="alternate" type="application/rss+xml" title="李俊君 个人博客" />

  
</head>

  <body class=" ">
  <aside class="sidebar">
  <div class="container sidebar-sticky">
    <div class="sidebar-about">
      <a href="https://hellolijj.github.io/"><h1>李俊君 个人博客</h1></a>
      <p class="lead">
       热爱生活，热爱开源技术 
      </p>
    </div>

    <nav>
      <ul class="sidebar-nav">
        <li><a href="https://hellolijj.github.io/">Home</a> </li>
        <li><a href="/post/kuberntes/"> kubernetes </a></li><li><a href="/post/docker/"> docker </a></li><li><a href="/post/istio/"> istio </a></li>
      </ul>
    </nav>

    <p>&copy; 2019. All rights reserved. </p>
  </div>
</aside>

    <main class="content container">
    <div class="post">
  <h1>Hugo构建静态网站</h1>
  <time datetime=2018-10-09T19:00:25&#43;0800 class="post-date">Tue, Oct 9, 2018</time>
  

<h1 id="3-4-1-hugo构建静态网站">3.4.1 hugo构建静态网站</h1>

<p>@(3.4 hugo)[blog, 个人网站]</p>

<h2 id="一些资料汇总">一些资料汇总</h2>

<p>hugo官方网站：<a href="https://gohugo.io">https://gohugo.io</a>
hugo官方中文文档：<a href="http://www.gohugo.org/doc/">http://www.gohugo.org/doc/</a>
hugo github项目：<a href="https://github.com/gohugoio/hugo">https://github.com/gohugoio/hugo</a>
hugo 安装参考：<a href="https://cloud.tencent.com/developer/article/1326514">利用Hugo和Github Pages免费创建并永久托管网站</a>
hugo 主题安装： <a href="http://www.flysnow.org/2018/07/29/from-hexo-to-hugo.html">从Hexo迁移到Hugo-送漂亮的Hugo Theme主题</a></p>

<blockquote>
<p>hugo 适合于构建个人网站。因为对于大多数程序猿来说，都有使用markdown的习惯。而hugo 可以很方便将自己的markdown文档生成静态网站，上传至github。 或者gitee，即可以方便的，无成本的构建个人网站。
1、Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun again.</p>
</blockquote>

<h2 id="开始使用">开始使用</h2>

<h3 id="安装hugo">安装hugo</h3>

<pre><code>brew install hugo
hugo version
</code></pre>

<h3 id="创建站点">创建站点</h3>

<pre><code>hugo new site hellolijj

</code></pre>

<h3 id="下载站点主题">下载站点主题</h3>

<pre><code>cd hellolijj
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
</code></pre>

<p>在配置文件config.toml里加一行，配置本网站的主题：</p>

<pre><code>theme = &quot;xhugo&quot;
</code></pre>

<h3 id="新建一个页面">新建一个页面</h3>

<pre><code>hugo new posts/hello.md
</code></pre>

<h3 id="预览页面">预览页面</h3>

<pre><code>hugo server
</code></pre>

<p>然后打开 localhost:1313就可以浏览页面</p>

<blockquote>
<p>注意，打开页面会发现显示出来的框架但是显示不出来内容。 github上有一个issue:<a href="https://github.com/rujews/maupassant-hugo/issues/7">hugo server 以后博客内容为空白</a></p>

<p>在下载theme的时候 git clone 与 git submodule add 的区别。一个项目（文件夹）只能有1个git clone 其他的是 git submodule add</p>
</blockquote>

<p>todo: 关于hugo如何撰写文章以后有时间再探索</p>

<h2 id="hugo项目的github部署">hugo项目的github部署</h2>

<p>安装教程操作，发现将源代码上传至 <code>hello.github.io</code> 后不能选择 文件夹访问 只能通过 <code>https://hellolijj.github.io/docs/</code> 访问，显示这不是我们想要的。
因此需要设置两个项目，一个用于存放hugo源文件，另一个存放hugo 编译后生成的文件。</p>

<p>blog双项目不知道怎么处理，下次遇到了再说啊吧</p>

</div>


    </main>

    
  </body>
</html>
